/*音乐播放器样式
1.波浪式
2.播放，暂停 ，重播
3.播放剩余时间
*/
.music_button{
    position: fixed;
    height: 16px;
    width: 12px;
    bottom: 150px;
    right:10px;
    align-content: center;
    opacity: 0.8;
    background-color: gray !important;
    transition:bottom 0.6s !important;
    -moz-transition:bottom 0.6s !important; /* Firefox 4 */
    -webkit-transition:bottom 0.6s !important; /* Safari and Chrome */
    -o-transition:bottom 0.6s !important; /* Opera */
}
.music-player{
    height: 150px;
    background-color: gray;
    opacity:0.8;
    width: 100%;
    position: fixed;
    bottom: 0px;
    transition:bottom 0.6s !important;
    -moz-transition:bottom 0.6s !important; /* Firefox 4 */
    -webkit-transition:bottom 0.6s !important; /* Safari and Chrome */
    -o-transition:bottom 0.6s !important; /* Opera */
}
/*左边按键，播放，重播，暂停*/
.left_button{
    width: 15%;
    height: 100%;
    display: inline-block;
    background-color: rgb(128,128,128);
    vertical-align: top;
}

/**/
.middle{
    width: 70%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

/*波动*/
.music-canvas{
    width: 100%;
    height: 130px;
    background-color: rgb(143,143,143);
}

/*音量*/
.volume{
    width: 15%;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    background-color: rgb(128,128,128);
}

.myProgress{
    width: 100%;
    height: 10px;
}

